<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生通讯录系统</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>学生通讯录系统</h1>
        </header>

        <nav>
            <ul>
                <li><a href="${pageContext.request.contextPath}/listContacts">查看所有联系人</a></li>
                <li><a href="${pageContext.request.contextPath}/addContact">添加联系人</a></li>
                <li><a href="${pageContext.request.contextPath}/saveContactsToFile">导出到文件</a></li>
                <li><a href="${pageContext.request.contextPath}/loadContactsFromFile">从文件导入</a></li>
            </ul>
        </nav>

        <main>
            <section class="welcome">
                <h2>欢迎使用学生通讯录系统</h2>
                <p>本系统提供以下功能：</p>
                <ul>
                    <li>添加联系人：允许用户输入并存储学生的姓名、学号、年级和联系方式等信息</li>
                    <li>删除联系人：根据学号或姓名删除不再需要的联系人信息</li>
                    <li>修改联系人：提供编辑功能，以便更新联系人的信息</li>
                    <li>显示联系人：以列表形式展示所有联系人的信息，方便查阅</li>
                    <li>查询功能：
                        <ul>
                            <li>按姓名查询：通过输入姓名快速找到对应的联系人信息</li>
                            <li>按学号查询：根据学号查找特定学生的信息</li>
                        </ul>
                    </li>
                    <li>文件操作功能：
                        <ul>
                            <li>导出到文件：将通讯录信息保存到文件中</li>
                            <li>从文件导入：从文件中加载通讯录信息</li>
                        </ul>
                    </li>
                </ul>
            </section>

            <section class="search-section">
                <h2>快速查询</h2>
                <div class="search-container">
                    <form action="${pageContext.request.contextPath}/searchByName" method="get">
                        <div class="form-group">
                            <label for="name">按姓名查询：</label>
                            <input type="text" id="name" name="name" placeholder="请输入姓名">
                            <button type="submit">查询</button>
                        </div>
                    </form>

                    <form action="${pageContext.request.contextPath}/searchByStudentId" method="get">
                        <div class="form-group">
                            <label for="studentId">按学号查询：</label>
                            <input type="text" id="studentId" name="studentId" placeholder="请输入学号">
                            <button type="submit">查询</button>
                        </div>
                    </form>
                </div>
            </section>
        </main>

        <footer>
            <p>2025 学生通讯录系统 - 南昌大学共青学院</p>
        </footer>
    </div>
</body>
</html>
